@charset "utf-8";
@import "./reset.scss";

html {
    height: 100%;
}

body {
    font-size: $fs_2;
    color: #666;
    height: 100%;
    min-height: 600px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    line-height: 1.5;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

a {
    color: $c_1;
    text-decoration: none;

    &:hover, &:active, &:focus {
        color: $c_2;
        text-decoration: none;
    }
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

input:-webkit-autofill,select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white  inset !important;
}

input{
    outline-color: invert ;
    outline-style: none ;
    outline-width: 0px ;
    border-style: none ;
    text-shadow: none ;
    appearance: none ;
    user-select: text ;
    outline-color: transparent ;
    box-shadow: none;
}

.clearfix:before,.clearfix:after {
   content:"";
   display:table;
}

.clearfix:after { clear:both; }

.full-height {
    height: 100%;
}


.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

//add by ryan
.fl{
    float: left;
}
.fr{
    float: right;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.inline {
    display: inline;
}
.inline-block {
    display: inline-block;
}
/**************************   flex  *********************************/
.flex {
    display: flex;
}
.flex-row {
    flex-direction: row;
}
.flex-column {
    flex-direction: column;
}
.flex-align-items {
    align-items: center;
}
.flex-horizon-center {
    justify-content: center;
}
.flex-horizon-between {
    justify-content: space-between;
}
.flex-horizon-around {
    justify-content: space-around;
}
.flex-shrink-0 {
    flex-shrink: 0;//不伸缩
}
.flex-item {
    flex:1;
}